<div class="bjui-pageContent">
    <form action="{:U('editOrdertPrint')}" class="pageForm" data-toggle="validate" method="post">
        <table width="100%" border="0" cellspacing="0" cellpadding="10">
            <tr>
                <td>
                    <div> <i class="fa fa-print"></i>
                        快递单宽：
                        <input name="print_width" type="text" value="{$arr.print_width}"/>
                        毫米，高：
                        <input name="print_height" type="text" value="{$arr.print_height}"/>
                        毫米
                    </div>
                    <div>
                        打印编辑器背景图片：
                        <input type="text" name="background_image" value''>
                    </div>
                    <div>
                        选择默认打印机：
                        <select name="default_print" data-toggle="selectpicker" class="printList">
                            <option value="">选择打印机</option>
                        </select>
                        添加动态字段：
                        <select onchange="addText(this);" data-toggle="selectpicker">
                            <option value="">—快速添加字段—</option>
                            <option value="<php><literal> echo '{$寄件日期}';</literal></php>">寄件日期</option>
                            <option value="<php><literal> echo '{$寄件人姓名}';</literal></php>">寄件人姓名</option>
                            <option value="<php><literal> echo '{$寄件人地址}';</literal></php>">寄件人地址</option>
                            <option value="<php><literal> echo '{$寄件人电话}';</literal></php>">寄件人电话</option>
                            <option value="<php><literal> echo '{$寄件人签名}';</literal></php>">寄件人签名</option>
                            <option value="<php><literal> echo '{$收件人姓名}';</literal></php>">收件人姓名</option>
                            <option value="<php><literal> echo '{$收件人地址}';</literal></php>">收件人地址</option>
                            <option value="<php><literal> echo '{$收件人电话}';</literal></php>">收件人电话</option>
                            <option value="<php><literal> echo '{$收件人手机号}';</literal></php>">收件人手机号</option>
                            <option value="<php><literal> echo '{$出库单号}';</literal></php>">出库单号</option>
                            <option value="<php><literal> echo '{$网店订单号}';</literal></php>">网店订单号</option>
                            <option value="<php><literal> echo '{$打印留言}';</literal></php>">打印留言</option>
                            <option value="<php><literal> echo '{$审单留言}';</literal></php>">审单留言</option>
                            <option value="<php><literal> echo '{$卖家备注}';</literal></php>">卖家备注</option>
                            <option value="<php><literal> echo '{$买家留言}';</literal></php>">买家留言</option>
                            <option value="<php><literal> echo '{$邮政编码}';</literal></php>">邮政编码</option>
                            <option value="<php><literal> echo '{$发票类型}';</literal></php>">发票类型</option>
                            <option value="<php><literal> echo '{$发票内容}';</literal></php>">发票内容</option>
                            <option value="<php><literal> echo '{$发票抬头}';</literal></php>">发票抬头</option>
                        </select>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <label class="control-label">提示：要删除文本，可以先选择文本，然后按 Ctrl+Del</label>
                    <div id="show_LODOP" style="margin: 10px;">
                        <object id="LODOP_OB{:I('get.navTabId')}" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width="900m" height="580mm">
                            <param name="Caption" value="内嵌显示区域">                
                            <param name="Border" value="1">                
                            <param name="Color" value="#C0C0C0">                
                            <embed id="LODOP_EM{:I('get.navTabId')}" TYPE="application/x-print-lodop" PLUGINSPAGE="install_lodop32.exe" width="900m" height="580mm"></object>
                    </div>
                    <div> <font class="red">提示：</font> <i class="fa fa-print"></i>
                        <a href="http://api.u1city.net/SoftDown/install_lodop.rar" id="down_LODOP_Setup"
                           target="_blank">打印快递单时，如果未安装打印控件，点击这里下载。</a>
                    </div>
                </td>
            </tr>
        </table>
        <input type="hidden" name="print_code">
        <input type="hidden" name="order_id" value="{:I('expressId')}">
    </form>
</div>
<div class="bjui-pageFooter">
    <ul>
        <li>
            <button type="button" class="btn-close" data-icon="close">取消</button>
        </li>
        <li>
            <button type="submit" class="btn-default" data-icon="save">保存通用模版代码</button>
        </li>
    </ul>
</div>
<script>
    var ORDERLODOP = getLodop(document.getElementById("LODOP_OB{:I('get.navTabId')}"), document.getElementById("LODOP_EM{:I('get.navTabId')}"));
    ORDERLODOP.SET_PRINT_PAGESIZE("1","{$arr.print_width|default='0'}mm","{$arr.print_height|default='0'}mm","信纸");      // 初始化控件
    ORDERLODOP.SET_PRINT_STYLE("FontSize",12);
    $(document).ready(function () {
        checkPrintExp();    // 初始化打印编辑器
        /* 加载打印机下拉菜单 */
        var optionString = getPrinterName(ORDERLODOP, null, false);
        console.log(optionString);
        $('.in select[name=default_print]').append(optionString);
        $('.in .printList').selectpicker('refresh');
        printIndex = $('.in select[name=choosePrint] option:selected').val();
    })


    //显示设计界面
    function DisplayDesign() {
        CreatePrintPage();
        ORDERLODOP.SET_SHOW_MODE("DESIGN_IN_BROWSE", 1);
        ORDERLODOP.SET_SHOW_MODE("MESSAGE_NOSET_PROPERTY", '不能设置属性，请用打印设计(本提示可修改)！');
        ORDERLODOP.PRINT_DESIGN();
//        ORDERLODOP.PRINT_SETUP();
       
       ORDERLODOP.SET_SHOW_MODE("BKIMG_IN_PREVIEW",true);
       // ORDERLODOP.SET_SHOW_MODE("BKIMG_PRINT",false);     // 默认打印是不包含背景图片
       <?php if($arr['background_image']):?>
       ORDERLODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src='{$arr.background_image}'/>");
       <?php endif;?>
    }

    /**
     *  初始化打印编辑器
     */
    function checkPrintExp() {
        //检查打印控件
        try {
            DisplayDesign();
        } catch (e) {
             // $("show_LODOP").hide();
             alert("请先下载安装打印控件！");
             // $("down_LODOP_Setup").focus();
             return false;
        }
    }

    /**
     * 打印编辑器内容
     * @constructor
     */
    function CreatePrintPage() {
        ORDERLODOP.PRINT_INIT("快递通用模板设计_{arr.id}");
        var LODOP = ORDERLODOP;     // 重新赋值对象
        {$arr.print_code}
    }

    /**
     * 添加已有字段
     */
    function addText(obj) {
        var text = $(obj).val();
        console.log(text);
        if (text != "") {
            ORDERLODOP.ADD_PRINT_TEXT("5mm", "5mm", "26mm", "6.6mm", text);
        }
 
    }

    /**
     * [获取打印编辑器数据]
     */
    $(".in button[type=submit]").mouseup(function () {
        var printCode=ORDERLODOP.GET_VALUE("ProgramCodes",0);
        console.log(printCode);
        $(".in input[name=print_code]").val(printCode);
    })

    
</script>